<!DOCTYPE html>
<html lang="en">
  <head th:replace="~{components/common-head::head}"></head>

<body>

<div id="app">
  <el-container>

    <el-header th:replace="~{components/common-header::header}"></el-header>


  <el-main>

  <el-row >

  <el-col class="md-margin" :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
  <el-card  th:with="cates = ${categoryFinder.listAll()}" >
    <template #header>
      <el-page-header @back="back('index')" title="首页">
        <template #content> 分类</template>
      </el-page-header>
    </template>
    <script th:inline="javascript">
      console.log(111111212)

      let me = [[${cates}]]
      console.log(me)
      </script>

    <a th:each="cate : ${cates}" th:href="@{${cate.status.permalink}}">
      <el-card  shadow="hover"  >  
        <section class="cate-card">
          <section th:text="${cate.spec.displayName}" ></section>
          <section th:text="${cate.postCount}" ></section>
        </section>
      </el-card>
    </a>
  
  

  </el-card>

  </el-col>



  </el-row>

  </el-main>

  </el-container>
</div>


  </body>
</html>

